// 广告页的less

header {

    height: 44px;
    line-height: 44px;

    color: #6ac7e8;
}

main {
    background: url(../../assets/imgs/ad.jpg) no-repeat;
    background-size: cover;
    color: black;

    // 背景尺寸可以调整背景图显示效果
    p {

        button {
            width: 100px;
            height: 30px;
            background-color: rgb(245, 245, 245, );
            border: none;
            border-radius: 15px;
            margin-top: 28px;
            margin-right: 30px;
            justify-content: space-around;


        }
    }

    h1 {
        background-color: rgba(90, 74, 82, .1);
        // 执行动画
        animation: fadeup 2s linear;
        margin-top: 600px;

    }

    // 定义动画
    @keyframes fadeup {
        0% {

            opacity: 0;
            margin-top: 400px;
            transform: scaleX(0.5);
        }

        50% {
            opacity: 0.5;
            margin-top: 500px;
            transform: scaleX(1.5);
        }

        100% {
            margin-top: 600px;
            transform: scaleX(1);
            opacity: 1;

        }

    }
}